<!DOCTYPE html>
                        <html lang="en">
                            <head>
                                <meta charset="UTF-8">
                                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                                <meta http-equiv="X-UA-Compatible" content="ie=edge">
                                <title>Gradients Card</title>
																<link rel="stylesheet" href="./site.css">
																<link rel="shortcut icon" href="../assets/logo/muguet256.gif" type="image/gif">
																<link rel="icon" href="../assets/logo/muguet256.gif" type="image/gif" />
                            </head>
                            <style>
														*{padding: 0px;margin: 0px;}
														.box div{border-radius: 5px}
                            .box{transition: all 400ms ease-in;}
														.box:hover{ transform: translate(-5px, -5px)}
														.headline{font-size: 24px;font-weight: bolder;line-height: 70px;margin-left: 20px;color: #fff;}
														.headline span{font-size: 13px;}
														.footer{text-align: center;width: 100vw;height: 350px;font-size: 24px;}
                        </style>
                        <body style="display: flex;justify-content: space-around;flex-wrap: wrap;overflow-x: hidden">
														<div class="m-site-grandient-MalibuBeach" style="width: 100vw;height: 70px;">
														<div class="headline">Muguet Gradients Card&nbsp;<span>单击复制</span></div></div>
														<div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-WarmFlame" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">WarmFlame</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-NightFade" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">NightFade</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SpringWarmth" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SpringWarmth</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-JuicyPeach" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">JuicyPeach</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-YoungPassion" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">YoungPassion</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-LadyLips" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">LadyLips</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SunnyMorning" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SunnyMorning</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-RainyAshville" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">RainyAshville</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-FrozenDreams" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">FrozenDreams</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-WinterNeva" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">WinterNeva</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-DustyGrass" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">DustyGrass</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-TemptingAzure" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">TemptingAzure</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-HeavyRain" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">HeavyRain</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-AmyCrisp" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">AmyCrisp</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-MeanFruit" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">MeanFruit</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-DeepBlue" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">DeepBlue</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-RipeMalinka" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">RipeMalinka</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-CloudyKnoxville" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">CloudyKnoxville</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-MalibuBeach" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">MalibuBeach</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-NewLife" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">NewLife</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-TrueSunset" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">TrueSunset</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-MorpheusDen" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">MorpheusDen</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-RareWind" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">RareWind</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-NearMoon" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">NearMoon</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-WildApple" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">WildApple</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SaintPetersburg" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SaintPetersburg</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-AriellesSmile" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">AriellesSmile</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-PlumPlate" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">PlumPlate</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-EverlastingSky" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">EverlastingSky</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-HappyFisher" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">HappyFisher</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-Blessing" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">Blessing</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SharpeyeEagle" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SharpeyeEagle</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-LadogaBottom" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">LadogaBottom</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-LemonGate" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">LemonGate</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-ItmeoBranding" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">ItmeoBranding</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-ZeusMiracle" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">ZeusMiracle</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-OldHat" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">OldHat</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-StarWine" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">StarWine</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-DeepBlue" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">DeepBlue</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-CoupdeGrace" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">CoupdeGrace</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-HappyAcid" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">HappyAcid</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-AwesomePine" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">AwesomePine</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-NewYork" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">NewYork</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-ShyRainbow" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">ShyRainbow</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-LoonCrest" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">LoonCrest</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-MixedHopes" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">MixedHopes</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-FlyHigh" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">FlyHigh</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-StrongBliss" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">StrongBliss</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-FreshMilk" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">FreshMilk</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SnowAgain" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SnowAgain</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-FebruaryInk" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">FebruaryInk</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-KindSteel" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">KindSteel</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SoftGrass" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SoftGrass</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-GrownEarly" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">GrownEarly</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SharpBlues" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SharpBlues</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-ShadyWater" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">ShadyWater</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-DirtyBeauty" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">DirtyBeauty</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-GreatWhale" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">GreatWhale</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-TeenNotebook" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">TeenNotebook</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-PoliteRumors" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">PoliteRumors</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SweetPeriod" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SweetPeriod</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-WideMatrix" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">WideMatrix</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SoftCherish" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SoftCherish</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-RedSalvation" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">RedSalvation</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-BurningSpring" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">BurningSpring</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-NightParty" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">NightParty</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SkyGlider" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SkyGlider</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-HeavenPeach" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">HeavenPeach</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-PurpleDivision" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">PurpleDivision</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-AquaSplash" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">AquaSplash</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-AboveClouds" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">AboveClouds</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SpikyNaga" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SpikyNaga</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-LoveKiss" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">LoveKiss</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SharpGlass" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SharpGlass</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-CleanMirror" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">CleanMirror</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-PremiumDark" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">PremiumDark</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-ColdEvening" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">ColdEvening</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-CochitiLake" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">CochitiLake</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SummerGames" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SummerGames</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-PassionateBed" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">PassionateBed</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-MountainRock" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">MountainRock</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-DesertHump" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">DesertHump</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-JungleDay" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">JungleDay</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-PhoenixStart" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">PhoenixStart</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-OctoberSilence" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">OctoberSilence</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-FarawayRiver" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">FarawayRiver</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-AlchemistLab" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">AlchemistLab</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-OverSun" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">OverSun</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-PremiumWhite" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">PremiumWhite</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-MarsParty" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">MarsParty</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-EternalConstance" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">EternalConstance</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-JapanBlush" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">JapanBlush</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SmilingRain" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SmilingRain</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-CloudyApple" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">CloudyApple</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-BigMango" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">BigMango</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-HealthyWater" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">HealthyWater</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-AmourAmour" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">AmourAmour</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-RiskyConcrete" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">RiskyConcrete</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-StrongStick" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">StrongStick</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-ViciousStance" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">ViciousStance</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-PaloAlto" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">PaloAlto</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-HappyMemories" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">HappyMemories</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-MidnightBloom" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">MidnightBloom</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-Crystalline" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">Crystalline</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-RaccoonBack" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">RaccoonBack</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-PartyBliss" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">PartyBliss</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-ConfidentCloud" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">ConfidentCloud</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-LeCocktail" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">LeCocktail</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-RiverCity" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">RiverCity</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-FrozenBerry" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">FrozenBerry</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-Elegance" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">Elegance</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-ChildCare" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">ChildCare</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-FlyingLemon" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">FlyingLemon</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-NewRetrowave" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">NewRetrowave</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-HiddenJaguar" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">HiddenJaguar</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-AboveTheSky" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">AboveTheSky</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-Nega" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">Nega</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-DenseWater" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">DenseWater</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-ChemicAqua" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">ChemicAqua</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-Seashore" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">Seashore</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-MarbleWall" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">MarbleWall</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-CheerfulCaramel" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">CheerfulCaramel</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-NightSky" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">NightSky</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-MagicLake" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">MagicLake</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-YoungGrass" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">YoungGrass</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-ColorfulPeach" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">ColorfulPeach</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-GentleCare" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">GentleCare</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-PlumBath" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">PlumBath</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-HappyUnicorn" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">HappyUnicorn</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-FullMetal" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">FullMetal</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-AfricanField" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">AfricanField</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SolidStone" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SolidStone</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-OrangeJuice" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">OrangeJuice</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-GlassWater" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">GlassWater</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SlickCarbon" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SlickCarbon</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-NorthMiracle" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">NorthMiracle</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-FruitBlend" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">FruitBlend</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-MillenniumPine" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">MillenniumPine</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-HighFlight" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">HighFlight</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-MoleHall" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">MoleHall</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-EarlGray" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">EarlGray</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SpaceShift" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SpaceShift</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-ForestInei" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">ForestInei</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-RoyalGarden" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">RoyalGarden</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-RichMetal" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">RichMetal</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-JuicyCake" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">JuicyCake</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SmartIndigo" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SmartIndigo</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SandStrike" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SandStrike</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-NorseBeauty" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">NorseBeauty</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-AquaGuidance" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">AquaGuidance</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SunVeggie" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SunVeggie</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SeaLord" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SeaLord</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-BlackSea" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">BlackSea</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-GrassShampoo" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">GrassShampoo</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-LandingAircraft" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">LandingAircraft</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-WitchDance" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">WitchDance</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SleeplessNight" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SleeplessNight</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-AngelCare" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">AngelCare</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-CrystalRiver" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">CrystalRiver</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SoftLipstick" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SoftLipstick</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SaltMountain" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SaltMountain</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-PerfectWhite" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">PerfectWhite</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-FreshOasis" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">FreshOasis</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-StrictNovember" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">StrictNovember</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-MorningSalad" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">MorningSalad</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-DeepRelief" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">DeepRelief</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SeaStrike" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SeaStrike</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-NightCall" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">NightCall</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SupremeSky" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SupremeSky</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-LightBlue" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">LightBlue</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-MindCrawl" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">MindCrawl</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-LilyMeadow" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">LilyMeadow</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SugarLollipop" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SugarLollipop</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-SweetDessert" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">SweetDessert</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-MagicRay" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">MagicRay</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-TeenParty" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">TeenParty</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-FrozenHeat" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">FrozenHeat</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-GagarinView" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">GagarinView</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-FabledSunset" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">FabledSunset</div>
        </div><div class="box" style="width: 200px;height: 220px;margin: 30px 40px;">
            <div class="m-site-gradient-PerfectBlue" style="width: 100%;height: 90%;"></div>
            <div style="width: 100%;height: 10%;text-align: center;">PerfectBlue</div>
        </div>
														<div class='footer' style="margin-top: 20px">
																<div  style="margin-top: 200px;">Use for Muguet</div>
																<div style="font-size: 13px;margin: 15px 0;">遵循MIT 协议</div>
																<div style="font-size: 13px;">使用源来自<a href="https://webgradients.com" style="text-decoration: none; color: rgb(105, 105, 105)">https://webgradients.com</a></div>
														</div>
                            <input id="a" type="text" style="width:100px;height:20px;transform: translate(10000px); position:absolute">
                        </body>
                        <script>
                            document.onclick = (e)=>{
                                var a = document.getElementById('a');
                                a.value = e.target.nextElementSibling.innerText;
                                a.select();
                                document.execCommand('copy');
                            }
                        </script>
                    </html>